.lg-backdrop {
    background-color: rgba(0, 0, 0, .8);
}

.lg-sub-html h4 {
    color: #eee;
}

.ant-upload-trigger-element-wrap{
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;


}

.ant-upload {
    &.ant-upload-select-picture-card {
        .ant-upload-disabled {
            cursor: default;
        }
    }

    &.ant-upload-select-text {
        &.ant-upload-disabled {
            display: none;

            ~ .ant-upload-list.ant-upload-list-text {
                margin-top: 2px;

                .ant-upload-list-item {
                    margin-top: 0;
                    margin-bottom: 8px;
                }
            }
        }
    }

    &.ant-upload-select-picture.ant-upload-disabled {
        display: none;

        ~ .ant-upload-list.ant-upload-list-picture {
            .ant-upload-list-item {
                margin-top: 0;
                margin-bottom: 8px;
            }
        }
    }
}

.ant-upload-picture-card-wrapper {
    .ant-upload-select-picture-card.ant-upload-disabled {
        display: none;
    }
}

.ant-upload-list-picture {
    .ant-upload-list-item {
        height: auto;
        width: auto;
    }

    .ant-upload-list-item-thumbnail {
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: normal;

        img {
            width: 100%;
            height: 100%;
        }
    }

    .ant-upload-list-item-name {
        line-height: normal;
    }
}


.kf-avatar-uploader {
    .ant-upload.ant-upload-select-picture-card {
        padding: 3px;
    }
}

